<!DOCTYPE html>
<html>
<head>
    
<meta charset="utf-8"> <!--键值对，key=value-->
    
<title>网页tab的title</title>
<script>
    function section(s){
        // document.doSomething
        var e = document.createElement('h1'); // 创建h1标签
        var t = document.createTextNode(s); // 创建文本
        e.appendChild(t);    // 文本加到标签里面
        document.body.appendChild(e);  // 文本加到body里面
    }

    function resize(s){
        // document.doSomething
        var img = document.getElementByTagName('img'); // 获取图片标签
        img.width = img.width * s;
        img.height = img.height * s;
    }

    // function table(s){
    //     // document.doSomething
    //     var table = document.createElement('table'); // 创建table标签
    //     var th = document.createElement('th'); // 创建表头
    //     table.appendChild(th);    // 文本加到标签里面
    //     var td = document.createElement('td'); // 创建表头
    //     table.appendChild(td);    // 文本加到标签里面
    //     document.body.appendChild(table);  // 文本加到body里面
    // }
</script>

<style>
    h1 {text-shadow: 1px 2px 3px;}
</style>
</head>

<body>
<div>
<h1>web开发</h1> 
<img src="http://www.zzjc.edu.cn/upload/n_20190919083423.jpg" width="350" height="150" />
</div>

<div>


<button onclick="section('事件操作')">新增标题</button>
<button onclick="resize(2)">新增标题</button>
</body>